<extend name="_Layout/layout"/>
<block name="style">
<style type="text/css">
	body{font-size:12px;}
	[class*=am-u-]{padding-left:0;padding-right: 0;}
	ol, ul{padding: 0; margin: 0;}
	.m-middlem{ margin-bottom: 50px;}
	.m-middlem h2{color: #000; margin-bottom: 0; padding: 20px 0 10px 0;  font-size: 22px;}
	.m-middlem .con{ height: auto; overflow: hidden;}
	.m-middlem .con p{ line-height: 35px; font-size: 14px; color: :#ccc; margin: 3px 0; text-indent: 2em;}
	.m-middlem .con img{ display: block; width: auto; max-width: 100%; margin: 15px auto;}
	.m-middlem  h3 span{ font-size: 13px; padding-right: 20px;}
	.city-picker-span{ background:none !important;border:none!important;}
	.m-middlem  h3{border-bottom: 1px solid #e5e5e5; margin-top: 0; padding-bottom: 20px;}
	#distpicker{display: block;  width: 329px;  border: 1px solid #ccc;  margin-left: 111px;background: #f5f5f5; height:38px; }
	.focus{padding:0;}
	.info_list{padding-left: 0;}
	.info_list li{ list-style:none;text-align: center;}
	.bottom{ margin-top:20px;}
	#preview{display: block;    margin: 0 auto;}
 a{text-decoration:none}
</style>
</block>
 <block name="main">
 <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet">
<link href="./Application/Home/View/default/_Resource/css/city-picker.css" rel="stylesheet">
<link href="./Application/Home/View/default/_Resource/css/main.css" rel="stylesheet">	
		<div class="raise right clearfix">
          <h2 style="border-bottom:1px solid #e1e1df;">修改账户信息</h2>
        <form id="form" method="post" action="{:U('User/updateuinfo',array('id'=>$info['id']))}">
            <ul class="apply"> 
            	<li style="margin-bottom:10px;"><label for="job" class="youxiang">会员姓名：</label>
                    <input type="text" name="realname" id="realname" class="" value="{$info.realname}">
                    <span class="note" id="nickmsg">请填写真实姓名，不能修改</span>
                </li>  
                
                <li style="margin-bottom:10px;"><label for="job" class="youxiang">会员昵称：</label>
                    <input type="text" name="username" id="username" class="" value="{$info.username}">
                    <span class="note" id="nickmsg">请填写昵称</span>
                </li> 

                <li style="margin-bottom:10px;"><label for="email" class="youxiang">邮&nbsp;&nbsp;箱：</label>
                    <input type="text" name="email" id="email" class="" value="{$info.email}">                    
                </li> 
                <li style="margin-bottom:10px;"><label for="mobile" class="youxiang">手&nbsp;&nbsp;机：</label>
                    <input type="text" name="mobile" id="mobile" class="" value="{$info.mobile}">                    
                </li>
				<div>
                <li>
	                <div class="docs-methods">
	                 <label>所在城市：</label>
					<form class="form-inline">
						<div id="distpicker">
							<div class="form-group">
								<div style="position: relative;">
									<input id="city-picker3" class="form-control" readonly name="area" type="text" value="江苏省/常州市/溧阳市" data-toggle="city-picker" >
								</div>
							</div>							
						</div>
					</form>
				  </div> 
                </li>
                <li>
                	<label for="job" class="youxiang">职位/头衔：</label>
                    <input type="text" name="job" id="job" class="" value="{$info.job}">
                </li>
                
                <!-- <li style="margin-bottom:10px;"><label>&nbsp;</label><img src="https://ybh-img.oss-cn-hangzhou.aliyuncs.com/ulogodefault.jpg" id="logo" style="width:72px; height:72px;"></li> -->
                <li style="margin-bottom:10px;"><label for="jianjie">个人简介：</label>
                    <textarea id="jianjie" rows="5" cols="60" name="description" style="display: block;">{$info.jianjie}</textarea>
                    <span class="note" style=" margin-left:110px;">3000字以内</span>
                </li>
                </div>
                 <li><label class="youxiang">&nbsp;</label><input type="submit" class="queding" value="确定"></li>
            </ul>
        </form>
		</div>		
<script src="./Application/Home/View/default/_Resource/js/bootstrap.js"></script>
<script src="./Application/Home/View/default/_Resource/js/city-picker.data.js"></script>
<script src="./Application/Home/View/default/_Resource/js/city-picker.js"></script>
<script src="./Application/Home/View/default/_Resource/js/main.js"></script>
<script>
$(function() { 
	$('#example').DataTable({
		'bFilter' : false,
		'bLengthChange' : false
	});
});
</script>
<script language="javascript">
function tabs(n)
{
var len = 4;
for (var i = 1; i <= len; i++)
{
document.getElementById('tab_a' + i).style.display = (i == n) ? 'block' : 'none';
document.getElementById('tab_' + i).className = (i == n) ? 'aaa' : 'none';
}
}
</script>
</block>
      
		